{% load static %}
<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>视频播放器 - GodJin</title>

  <!-- Bootstrap -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

  <!-- 公共样式 -->
  <link rel="stylesheet" href="{% static 'css/base.css' %}">
  <!-- 播放器专属样式 -->
  <link rel="stylesheet" href="{% static 'css/screen.css' %}">
</head>
<body class="bg-dark text-light">

  <!-- ===== 播放器容器 ===== -->
  <div class="container py-4">
    <h3 class="mb-3">视频播放</h3>
    <video id="player" controls playsinline style="width:100%; max-height:80vh;"></video>
    <div id="status" class="mt-2 small text-muted"></div>
  </div>

  <!-- 公共 JS -->
  <script src="{% static 'js/base.js' %}"></script>

  <!-- HLS.js 播放支持 -->
  <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>

  <!-- 播放器逻辑 -->
  <script src="{% static 'js/screen.js' %}"></script>
</body>
</html>